<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Fetch JSON Data</title>
  </head>
  <body>
    <pre id="jsonData"></pre>

    <script>
      // 使用 fetch API 请求数据
      fetch('http://127.0.0.1:9527/rookie')
        .then((response) => {
          if (!response.ok) {
            throw new Error('error: ' + response.statusText)
          }
          return response.json()
        })
        .then((data) => {
          // 将获取到的 JSON 数据显示在页面上
          document.getElementById('jsonData').textContent = JSON.stringify(
            data,
            null,
            2
          )
        })
        .catch((error) => {
          console.error('Error:', error)
        })
    </script>
  </body>
</html>
